<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>联系人</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="#{$smarty.const.APP}#/View/templates/wxapp/dist/css/light7.min.css">
<link rel="stylesheet" href="#{$smarty.const.APP}#/View/templates/wxapp/dist/css/light7-swiper.min.css">
<link rel="stylesheet" href="#{$smarty.const.APP}#/View/templates/wxapp/dist/your-css-file.css">
</head>
<body>

<!-- page 容器 -->
<div class="page">
<!-- 标题栏 -->
<header class="bar bar-nav"> 
	<a href="#{$smarty.const.ACT}#/wxapp/Api/crm/" class="button button-link button-nav pull-left back"><span class="icon icon-left"></span>返回</a> 
	<h1 class="title">合同管理</h1>

</header>
<div class="searchbar row">
		<div class="search-input col-80">
		  <label class="icon icon-search" for="search"></label>
		  <input type="search" id='search' placeholder='Input Query...'/>
		</div>
		<a class="button button-fill button-primary col-20">搜索</a>
	  </div>
<!-- 工具栏 -->
<nav class="bar bar-tab"> 
	<a class="tab-item active  no-transition" href="#{$smarty.const.ACT}#/wxapp/Api/crm/"> <span class="icon icon-edit"></span><span class="tab-label  no-transition">增加</span> </a> 
</nav>

<!-- 这里是页面内容区 -->
<div class="content">
 	    	<div class="content-padded">
	  <div class="searchbar row">
		<div class="search-input col-80">
		  <label class="icon icon-search" for="search"></label>
		  <input type="search" id='search' placeholder='Input Query...'/>
		</div>
		<a class="button button-fill button-primary col-20">搜索</a>
	  </div>
  </div>
	<div class="list-block media-list">
    <ul>
      <li> <a href="#" class="item-link item-content">
        <div class="item-inner">
          <div class="item-title-row">
            <div class="item-title">订单编号：20180909</div>
            <div class="item-after">2018-09-09</div>
          </div>
          <div class="item-subtitle">
 				  <div class="item-title-row">
					 <div class="item-title">成都零起飞网络</div>
					 <div class="item-after">临时单</div>
				  </div>        	
          </div>
          <div class="item-text">
         	  <div class="item-title-row">
					 <div class="item-title">总额：10000</div>
					 <div class="item-title">已收：1000</div>
					 <div class="item-title">未收：9000</div>
				  </div>
         	  <div class="item-title-row">
					 <div class="item-title">发货时间：2018-09-09</div>
				  </div>					
          </div>
        </div>
        </a> </li>
      <li> <a href="#" class="item-link item-content">
        <div class="item-inner">
          <div class="item-title-row">
            <div class="item-title">李四</div>
            <div class="item-after">17:14</div>
          </div>
          <div class="item-subtitle">Subtitle</div>
          <div class="item-text">contents here...</div>
        </div>
        </a> </li>
      <li> <a href="#" class="item-link item-content">
        <div class="item-inner">
          <div class="item-title-row">
            <div class="item-title">Facebook</div>
            <div class="item-after">17:14</div>
          </div>
          <div class="item-subtitle">Subtitle</div>
          <div class="item-text">contents here...</div>
        </div>
        </a> </li>
      <li> <a href="#" class="item-link item-content">
        <div class="item-inner">
          <div class="item-title-row">
            <div class="item-title">Facebook</div>
            <div class="item-after">17:14</div>
          </div>
          <div class="item-subtitle">Subtitle</div>
          <div class="item-text">contents here...</div>
        </div>
        </a> </li>
        <li> <a href="#" class="item-link item-content">
        <div class="item-inner">
          <div class="item-title-row">
            <div class="item-title">Facebook</div>
            <div class="item-after">17:14</div>
          </div>
          <div class="item-subtitle">Subtitle</div>
          <div class="item-text">contents here...</div>
        </div>
        </a> </li>
    </ul>
  </div>
  
  
</div>

<!-- 你的html代码 --> 
<script type='text/javascript' src='#{$smarty.const.APP}#/View/templates/wxapp/dist/js/jquery-3.2.1.min.js' charset='utf-8'></script> 
<script type='text/javascript' src='#{$smarty.const.APP}#/View/templates/wxapp/dist/js/light7.min.js' charset='utf-8'></script> 
<script type='text/javascript' src='#{$smarty.const.APP}#/View/templates/wxapp/dist/js/light7-swiper.min.js' charset='utf-8'></script>
</body>
</html>